Developing UX Practices 
at Epic Games 





POOR BALANCINC! 




You died more than 70 times 
on the same level. 
Contact eTools Studio 
to insult the Level Designer! 






A definition of User experience 

What it is like for the targeted user to interact with the software, 
including how engaging the experience is, relative to the design intentions. 


Designer's Mental Model 


User's Mental Model 



Donald Norman, 

The Design of Everyday Things (1988) 



UX misconception #1: UX stands outside of the design loop 



What is UX? 


UX misconception #2: UX is only gonna make the game easier 



What is UX? 




A definition of UX 


Experience 


UX practices 

- Psychology / HCI 

- Guidelines / Methods 


User research 


Define the 

experience 
(designers, 
engineers, artists) 


<(ux)> 


Understand 
your audience 

(marketing, 
consumer insights) 


User 


What is UX? 


Good UX = Usability + Flow 



► 


What is UX? 


Usability 


A definition of Usability 


Making software usable means paying attention to human limits in perception, 
attention, and memory (isbister&schaffer,2oo8). 

Usability guidelines come from human psychology and our understanding of the 
brain. 



► 


What is UX? 


Usability 


Brain limitations: Perception 

Information is organized through a 3-level process (example of vision): 




Knowledge: access to 
semantics 


Organization of the visual 
field: the brain likes 
meaningful patterns (shape) 


Physics: orientation, spatial 
frequency, brightness ... 






Brain limitations: Perception 



Top-down process in perception ... the geek version 

Street Fighter II characters as minimalized by artist Ashley Browning 


What is UX? 


Usability 




Brain limitations: Attention 

Game! Watch carefully the following video: 



Awareness Test 


The brain is not good at multitasking. 






Brain limitations: Memory 


The forgetting curve (Ebbinghaus, 1885): 



Usability heuristics 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


What is UX? 


Usability 


Usability heuristics 

□ Signs & F66Clb3Ck (visibility of system status) 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


What is UX? 


Usability 


Signs 

> Draw player's attention to particular elements. 

- Inviting signs (encourage the player to do something) 

- Informative signs (inform about a state) 



What is UX? 


Usability 




Feedback 



> Every action from the player must have a feedback. 

> Helps the player to understand and learn the game mechanics. 


Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

□ Clarity 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


Clarity 

> All information conveyed must be perceived as intended and text must 
be legible. 



Gestalt principles: Multi-stability 
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mtat is UX? 


Usability 


< 










Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

^ Clarity 

□ Form Follows Function 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


► 


What is UX? 


Usability 


Gameffow 


Form Follows Function 


• The form of an object gives information about its function: 

> Similar forms should have a similar functionality. 

> Different forms should have different functionalities. 

> Affordance is the goal. 




► 


What is UX? 


Usability 


Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

^ Clarity 

3 Form Follows Function 
□ Consistency 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 




What is UX? 


Usability 


Gameflow 


FFF & Consistency 


O 8:03 AM 
Survive the Storm 

O r 1 n- ‘V1 1 storm 

I arrives 

Fortnite WIP 


• Similar forms convey different functionalities. 

Confusing and the player needs to pay more attention. 



Clock replaced by a widget to avoid confusion with 
objective timers. 




FFF & Consistency 



Decoration assets that look like 
gameplay assets = misleading form. 





What is UX? 


Usability 



Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

^ Clarity 

3 Form Follows Function 
3 Consistency 

□ Minimum workload (physical & cognitive) 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


► 


What is UX? 


Usability 


Gameflow 


Minimum workload 
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What is UX? 


Usability 



Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

^ Clarity 

3 Form Follows Function 
3 Consistency 

3 Minimum workload (physical & cognitive) 
□ Error prevention / recovery 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


► 


What is UX? 


Usability 


Gameflow 


Error prevention / Recovery 


> Mario Galaxy - collision zone of enemies is 
smaller than their 3D model. 



w 



> League of Legends - Undo button 


I 


312 




Usability heuristics 


1^ Signs & Fssdbsck (visibility of system status) 

^ Clarity 

3 Form Follows Function 
3 Consistency 

3 Minimum workload (physical & cognitive) 

3 Error prevention / recovery 
□ Flexibility 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


► 


What is UX? 


Usability 


Gameffow 


Usability heuristics 


1^ Signs & F66db3Ck (visibility of system status) 

^ Clarity 

3 Form Follows Function 
3 Consistency 

3 Minimum workload (physical & cognitive) 

3 Error prevention / recovery 
Ei Flexibility 


Ref: 

Jakob Nielson (1994) - Norman Nielsen Group (nngroup.com) 
Laitinen (2008) 


What is UX? 


Usability 


Good UX = Usability + GomeFlow 



What is UX? 


Usability 


Gameflow 



Definition of Flow 


Flow = optimal experience whereby "a person's body or mind is 
stretched to its limits in a voluntary effort to accomplish something 

difficult and worthwhile" (Csikszentmihalyi, 1990). 
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What is UX? 


Usability 


Gameflow 


Definition of GameFlow 


"Descriptions of the Flow experience are identical to what players 
experience when immersed in games, losing track of time and 
external pressure." (chen, 2007 ) 



What is UX? 


Usability 


Gameflow 


GameFlow heuristics 


□ Perceived Pacing 


M: 

Bernhaupt (2010) - Chen (2007) - Ryan & Deci (2000) - Sweetser & Wyeth (2005) - Swink (2009) 


Pacing 


> Challenge - Never too easy nor too hard 

> Pressure - Never too relaxing nor too intense for too long 

> Learning curve - distributed learning by doing (through LD) 


Example of a shooting range 
gym level in Fortnite: 


Whot is UX? ^ Usability ^ Gameflow ^ 




GameFlow heuristics 


^ Perceived Pacing 
□ Motivation 


M: 

Bernhaupt (2010) - Chen (2007) - Ryan & Deci (2000) - Sweetser & Wyeth (2005) - Swink (2009) 


Motivation 


> Extrinsic: clear goals and rewards (short-medium-long term) 

> Intrinsic: Competence, Autonomy, Relatedness (CAR) 

• Control, skills, progression felt 

• Meaningful choices and self-expression 

• Social interaction: coop and competition / NPCs? 



Whot is UX? ^ Usability ^ Gameflow ^ 



GameFlow heuristics 


^ Perceived Pacing 
1^ Motivation 
□ Emotion 


M: 

Bernhaupt (2010) - Chen (2007) - Ryan & Deci (2000) - Sweetser & Wyeth (2005) - Swink (2009) 




What is UX? 


Usability 


Gameflow 


Conclusion 



Emotions 


> Game Feel - how do the controls, cameras, and characters feel? 

> Implicit motivation - drives and instincts (survival & reproduction) 

> Avoid flow breakers - unfair deaths, losing hard-won possessions, etc. 

> Meet or exceed expectations / Offer surprises 



What is UX? 


Usability 


Gameflow 


GameFlow heuristics 


1^ Perceived Pacing 
1^ Motivation 
^ Emotion 


M: 

Bernhaupt (2010) - Chen (2007) - Ryan & Deci (2000) - Sweetser & Wyeth (2005) - Swink (2009) 


What is UX? 


Usability 


Gameflow 


UX heuristics 


For every little bit that you implement in the game, 
even if placeholder, ask yourself: 

• Does it follow the usability guidelines? 

• Does it make sense for the gameflow and the overall 
experience you want to offer? 



What is UX? 


Usability 


Curse of knowledge 




What is UX? 


Usability 


Gameflow 


Conclusion 


Curse of knowledge: the skill tree example 



What is UX? 


Usability 


Gameflow 


Conclusion 


m m 














Awesome 
feature! 

(or fixing pb 


What is UX? 



I 


I 


WHY? 


Experience / User 



WHAT? 


Function(s) 



HOW? 


Form 


UX Feedback 


Usability 


Gameflow 



Conclusion 





UX misconception #3: You cannot afford UX 


Don't ask yourself if you can afford thinking about UX ... 


... Ask yourself if you can afford not to. 



\ I / 

— Clap! — 




What is UX? 


Usability 


Gameflow 


Conclusion 



User experience = 


Usability 

□ Signs & Feedback 

□ Clarity 

□ Form Follows Function 

□ Consistency 

□ Minimum Workload 

□ Error Prevention / Recovery 

□ Flexibility 



GameFlow 

□ Perceived Pacing 

(challenge, pressure, learning curve, ...) 

□ Motivation 

(competence, autonomy, relatedness) 

□ Emotion 

(game feel, implicit motivation, ...) 


^^(SCeliaHodent 


